<ion-view view-title="优惠券详情"  hide-tabs="true" >
  <!-- 头部 -->
  <ion-header-bar align-title="center" class="bar-positive">
    <div class="buttons" >
       <button class=" button-go-back" ng-click="goback()"><i class="icon ion-chevron-left"></i></button> 
    </div>
    <h1 class="title">礼品券详情</h1>
  </ion-header-bar> 
  <ion-content id="coppon_detail" [scroll="true"] [overflow-scroll="true"]>
    <div style="padding:15px;">
         <div class="coppon" style="background:#eee;border-radius:5px;">
            <img ng-src="img/yhqbg.png" alt="bg" class="bg" ng-show="show_bg_img">
            <img ng-src="{{coupon.imageUrl}}" alt="logo" class="logo">
            <div class="info">
                <p>{{coupon.couponInfo}}</p>
                <h4>{{coupon.couponName}}</h4>
            </div>
        </div>
    </div>
    <div  class="info_box">
        <div ng-show="show_bg_img">
            <img ng-src="{{ImgSrc}}" alt="礼品二维码" style="display:block;margin:0 auto;height:200px;width:200px;">
            <p style="color:#c0aa6c;height:30px;line-height:30px;text-align:center;font-size:10px;margin-bottom:0;">
              请向导购出示此二维码
            </p>
        </div>
        <p style="font-size:15px;font-family:PingFangSC-Medium;color:#212121;line-height:20px;padding-bottom:12px;border-bottom:1px solid #ddd;">
            礼品券使用说明:
        </p>
        <!-- <p class="lists">
            <span>使用规则：</span>
            {{coupon.explain}}
        </p> -->
        <p class="lists">
            <span>使用规则：</span>
            {{coupon.useArticles }}
        </p>
        <p class="lists">
            <span>有效时间：</span>
            {{coupon.startTime}}至{{coupon.endTime}} 
        </p>
        <p class="lists">
            <span>适用品牌：</span>
            {{coupon.scope}} 
             <!-- 象宝宝、威尔贝鲁、妙心、全棉时代  -->
        </p> 
        <!-- <p class="lists">
            <span></span>
            <span>查看全部</span>
        </p>  -->
        <!-- <p class="lists">
            <span>使用须知：</span>
            本券解释权归世纪汇广场所有
        </p> -->
        <p class="lists">
            <span>使用须知：</span>
            <p style='color:#212121;padding-left: 80px;margin-bottom: 0;' ng-bind-html='coupon.explain'></p>
        </p>

        <p class="lists">
            <span>状态：</span>
           {{coupon.statusName}}
        </p>
    </div>
  </ion-content>
</ion-view>